<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      svg {
        border: 1px solid red;
      }
    </style>
  </head>

  <body>
    <svg width="140"
         height="170"
         xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink">
      <title>Cat</title>
      <desc>Stick Figure of a Cat</desc>
      <circle cx="70"
              cy="95"
              r="50"
              style="stroke: black; fill: none;" />
      <circle cx="55"
              cy="80"
              r="5"
              stroke="black"
              fill="#339933" />
      <circle cx="85"
              cy="80"
              r="5"
              stroke="black"
              fill="#339933" />
      <g id="whiskers">
        <line x1="75"
              y1="95"
              x2="135"
              y2="85"
              style="stroke: black;" />
        <line x1="75"
              y1="95"
              x2="135"
              y2="105"
              style="stroke: black;" />
      </g>
      <g id="meimao">
        <line x1="55"
              y1="75"
              x2="35"
              y2="80"
              style="stroke: black;" />
      </g>
      <line x1="55"
            y1="55"
            x2="85"
            y2="55"
            style="stroke:black" />
      <line x1="55"
            y1="62"
            x2="85"
            y2="62"
            style="stroke:black" />
      <line x1="55"
            y1="68"
            x2="85"
            y2="68"
            style="stroke:black" />
      <line x1="70"
            y1="55"
            x2="70"
            y2="68"
            style="stroke:black" />

      <use xlink:href="#whiskers"
           transform="scale(-1 1) translate(-140 0)" />
      <use xlink:href="#meimao"
           transform="scale(-1 1) translate(-140 0)" />
      <!-- 耳朵 -->
      <polyline points="108 62, 90 10, 70 45, 50, 10, 32, 62"
                style="stroke: black; fill: none;" />
      <!-- 嘴 -->
      <polyline points="35 110, 45 120, 95 120, 105, 110"
                style="stroke: black; fill: none;" />
    </svg>
  </body>

</html>
